<!-- the left content which is static at all pages " menu " -->

        <div id="templatemo_content_left">
        	<div class="templatemo_content_left_section">
            	<h1>Categories</h1>
                <ul>
				
				<!-- here the categorys will be fetched from the DB -->
				
                    <li><a href="Web Design.php">Web Design</a></li>
                    <li><a href="Data Structure and Algorithms.php">Data Structure and Algorithms</a></li>
                    <li><a href="Programming.php">Programming</a></li>
                    <li><a href="DataBases.php">DataBases</a></li>
                    <li><a href="Information System.php">Information System</a></li>
                    <li><a href="Java.php">Java</a></li>
                    <li><a href="Java Script.php">Java Script</a></li>
                    <li><a href="PHP.php">PHP</a></li>
                    <li><a href="Oracle.php">Oracle</a></li>
            	</ul>
            </div>
			<div class="templatemo_content_left_section">
            	<h1>Bestsellers</h1>
                <ul>
                    <li><a href="#">C how to Program</a></li>
                    <li><a href="#">C++ how to program</a></li>
                    <li><a href="#">PHP in 30 Days</a></li>
                    <li><a href="#">introduction to Java Script </a></li>
                    <li><a href="#">Css introduction</a></li>
                    <li><a href="#">introduction HTML5</a></li>
                    <li><a href="#" target="_parent">intoduction to Flash</a></li>
                    <li><a href="#" target="_parent">Adaptive Web Design</a></li>
                    <li><a href="#" target="_parent">Designing for the web</a></li>
                    <li><a href="#" target="_parent">HTML5 and CSS3</a></li>
            	</ul>
            </div>
            
            <div class="templatemo_content_left_section">                
                <a href="#"><img style="border:0;width:88px;height:31px"
				src="images/1.gif" width="88" height="31" vspace="8" border="0" /></a>
                <a href="#"><img style="border:0;width:88px;height:31px"  
                src="images/2.gif" vspace="8" border="0" /></a>
			</div>
        </div> <!-- end of content left -->
		
		